<!DOCTYPE html>
<html xmlns:th="http://www.w3.org/1999/xhtml" xmlns:shiro="http://www.w3.org/1999/xhtml">
<meta charset="utf-8">
<!--<head th:include="include :: header"></head>-->
<link href="/css/font-awesome.css?v=4.4.0" rel="stylesheet">
<link href="/css/bootstrap.min.css" rel="stylesheet">
<link href="/css/plugins/bootstrap-table/bootstrap-table.css/bootstrap-table.min.css" rel="stylesheet">
<link rel="stylesheet" href="/css/jquery.treegrid.min.css">
<body class="gray-bg">
<style>
	.wrapper{
		padding: 0 0 0 15px;
	}
	.fixed-table-toolbar, .bs-bars, .fixed-table-toolbar, .columns, .fixed-table-toolbar, .search {
		margin-bottom: 0 !important;
		margin-top: 10px;
	}
	.bgcoor{
		background: #ffffff;
		padding-top: 15px;
	}
	.gray-bg {
		background: #f3f3f4;
	}
	#exampleTable {border-left: 0px; border-right:0px}
	#exampleTable th{border-left: 0px; border-right: 0px}
	#exampleTable td{border-left: 0px; border-right: 0px}
	.table .thead-dark th {
		background-color:#f9fafe;
		border-color: #f1f4f5;
	}
	.pass {
		width: 10px;
		height: 10px;
		background: #41c958;
		border-radius: 50%;
		display: inline-block;
		margin-right: 7px;
		margin-bottom: 0px;
	}
	.audit {
		width: 10px;
		height: 10px;
		background: #fe8900;
		border-radius: 50%;
		display: inline-block;
		margin-right: 7px;
		margin-bottom: 0px;
	}
	.dedetels {
		width: 10px;
		height: 10px;
		background: red;
		border-radius: 50%;
		display: inline-block;
		margin-right: 7px;
		margin-bottom: 0px;
	}
	.finish{
		width: 10px;
		height: 10px;
		background: #a4bac8;
		border-radius: 50%;
		display: inline-block;
		margin-right: 7px;
		margin-bottom: 0px;
	}

	.fixed-table-container {
		border: 0 !important;
	}
	.bs-checkbox {
		border-left: 1px solid #DFEAF1 !important;
	}
	.bootstrap-table tr {
		/*border-top: 1px solid #ebebeb;*/
		background-color: #F8FAFF !important;
		border-bottom:  1px solid #DFEAF1 !important;
		border-top:  1px solid #DFEAF1 !important;
	}
	.bootstrap-table  .table>thead>tr>th{
		border-bottom: 0 !important;
	}
	.bootstrap-table td,.bootstrap-table th{
		border-right: 1px solid #DFEAF1 !important;
	}
	.bootstrap-table .fixed-table-container {
		font-size: 15px;
		height: 670px !important;
	}
	#exampleTable thead{
		position: sticky !important;
		top: -2px;
	}

	.clearfix{
		margin-bottom: 20px;
	}
	.treegrid-expander-expanded{
		color: #333333 !important;
	}
</style>
<div class="wrapper wrapper-content ">
	<div class="col-sm-12 bgcoor">
		<div class="ibox">
			<div class="ibox-body">
				<div class="fixed-table-toolbar">
					<div class="columns pull-left">
						<button style="margin-right: 5px;background:#2C82EB;border-color: #2C82EB" shiro:hasPermission="jzweb:examinationBatchCom:add" type="button" class="btn  btn-primary" onclick="add()">
							<i class="fa fa-plus" aria-hidden="true"></i>添加
						</button>
						<button shiro:hasPermission="jzweb:examinationBatchCom:batchRemove" type="button" class="btn  btn-danger"
								onclick="batchRemove()">
							<i class="fa fa-trash" aria-hidden="true"></i>删除
						</button>
					</div>
					<button shiro:hasPermission="jzweb:examinationBatchCom:review" type="button" class="btn  btn-warning"
							onclick="examine('/jzweb/examinationBatchCom')" style="margin-top:11px">
						<i class="fa fa-check" aria-hidden="true"></i>审核
					</button>

					<div class="columns pull-right">
						<button style="background:#2C82EB;border-color: #2C82EB" class="btn btn-success" onclick="reLoad()">查询</button>
					</div>

					<div class="columns pull-right col-md-2 nopadding">
						<input id="name" type="text" class="form-control"
							   placeholder="请输入竞赛名称">
					</div>
					<!--						<div class="columns pull-right col-md-1 nopadding">-->
					<!--							<select id="searchState" name="searchState" class="form-control" >-->
					<!--								<option value="">请选择</option>-->
					<!--								<option value="0">待审核</option>-->
					<!--								<option value="1">已通过/待缴费</option>-->
					<!--								<option value="2">未通过</option>-->
					<!--								<option value="3">开始登录</option>-->
					<!--								<option value="4">考试中</option>-->
					<!--								<option value="5">已考完</option>-->
					<!--								<option value="6">已生成试卷</option>-->
					<!--								<option value="9">已删除</option>-->
					<!--							</select>-->
					<!--						</div>-->
				</div>
				<!--					<table id="exampleTable" data-mobile-responsive="true"></table>-->
				<table id="exampleTable" data-use-row-attr-func="true" data-reorderable-rows="true">
				</table>
			</div>
		</div>
	</div>
</div>
<!--shiro控制bootstraptable行内按钮看见性 -->
<div>
	<script type="text/javascript">
		var s_edit_h = 'hidden';
		var s_remove_h = 'hidden';
		var s_resetPwd_h = 'hidden';
	</script>
</div>
<div shiro:hasPermission="jzweb:examinationBatchCom:edit">
	<script type="text/javascript">
		s_edit_h = '';
	</script>
</div>
<div shiro:hasPermission="jzweb:examinationBatchCom:remove">
	<script type="text/javascript">
		var s_remove_h = '';
	</script>
</div>
<div shiro:hasPermission="jzweb:examinationBatchCom:resetPwd">
	<script type="text/javascript">
		var s_resetPwd_h = '';
	</script>
</div>
</div>

<!--	<div th:include="include :: footer"></div>-->
<script src="/js/jquery.min.js"></script>
<script src="/js/bootstrap-table.min.js"></script>
<script src="/js/bootstrap-table-treegrid.js"></script>
<script src="/js/bootstrap-table-zh-CN.min.js"></script>
<script src="/js/jquery.treegrid.min.js"></script>
<script src="/js/layui-v2.6.6/layui/layui.js"></script>
<script type="text/javascript" src="/js/selectpage.js" ></script>
<script type="text/javascript" src="/js/webJs/jzweb/examinationBatchCom/examinationBatchCom.js"></script>
<script src="/js/content.js?v=1.0.0"></script>

</body>
</html>